<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>填写订单</title>
    <link rel="stylesheet" href="../../../css/iconfont/iconfont.css"/>
    <link rel="stylesheet" href="../../../css/aui.css" />
    <link rel="stylesheet" href="../../../css/index/order/order_filling.css"/>
</head>
<body style="cursor: pointer;">
    <div>
        <div class="trip">
            <div class="bg_top"></div>
            <div class="trip_main">
                <div class="content">
                    <p><span>北京-上海</span><span>2018-10-25</span></p>
                    <p><span>东方航空</span><span>HU7611</span><span>单程</span></p>
                    <p><span>04:00</span><i><span>20小时30分</span><img src="../../../image/go.png"></i><span>08:00</span></p>
                    <p><span>机建:<i>￥</i><span>50</span></span><span>燃油:<i>￥</i><span>30</span></span><span>特价舱（L）:6.8折<i>￥</i><span>910</span></span></p>
                </div>
            </div>
        </div>
        <div class="policy">
            <p>政策违规<span>单程</span></p>
            <p>
                <i class="icon iconfont icon-tixing"></i>
                <span>预定您所选择的机票将违反主管级差旅政策，不允许提前预定2天以内航班，不允许提前折扣限制5折以下航班。</span>
            </p>
            <p>
                <span>请选择原因</span>
                <select>
                    <option value="1">改票或退票因素1</option>
                    <option value="2">改票或退票因素2</option>
                    <option value="3">改票或退票因素3</option>
                </select>
                <i class="icon iconfont icon-gengduo"></i>
            </p>
        </div>
        <div class="travel">
            <p>
                <span>登机人</span>
                <span>请选择证件</span>
                <span>
                <span>关忆北</span>
                <span>违规审批发送短信</span>
            </span>
                <i class="icon iconfont icon-gengduo"></i>
            </p>
            <p><span>成本中心</span><span>请选择成本中心</span><i class="icon iconfont icon-gengduo"></i></p>
        </div>
        <div class="travel">
            <p>
                <span>登机人</span>
                <span>请选择证件</span>
                <span>
                <span>温不知</span>
                <span>违规审批发送短信</span>
            </span>
                <i class="icon iconfont icon-gengduo"></i>
            </p>
            <p><span>成本中心</span><span>请选择成本中心</span><i class="icon iconfont icon-gengduo"></i></p>
        </div>
        <div class="contacts">
            <p>
                <span>联系人</span>
                <span>孟先生</span>
                <span>15502112153</span>
                <i class="icon iconfont icon-gengduo"></i>
            </p>
        </div>
        <p class="recommend">
            <i></i>
            <span>推荐购买 · 预定需知</span>
            <i></i>
        </p>
        <div class="insurance">
            <p><i class="icon iconfont icon-dunpai"></i><span>保险</span></p>
            <ul>
                <li class="active">
                    <label>
                        <input class="aui-radio" type="radio" name="insurance" checked>
                        <span>
                        <span>易安航意险B款</span>
                        <i class="icon iconfont icon-tixing2"></i>
                        <span>让出行更安心，更高享360.00万保障</span>
                    </span>
                        <span>￥30.00/人</span>
                    </label>
                </li>
                <li>
                    <label>
                        <input class="aui-radio" type="radio" name="insurance">
                        <span>
                        <span>易安航意险B款</span>
                        <i class="icon iconfont icon-tixing2"></i>
                        <span>让出行更安心，更高享360.00万保障</span>
                    </span>
                        <span>￥30.00/人</span>
                    </label>
                </li>
            </ul>
        </div>
        <div class="additional">
            <p>
                <span>附加信息</span>
                <input type="text" placeholder="请填写附加信息">
                <i class="icon iconfont icon-gengduo"></i>
            </p>
            <p>
                <span>出行目的</span>
                <select>
                    <option value="1">商务谈判</option>
                    <option value="2">奖励旅游</option>
                </select>
                <i class="icon iconfont icon-gengduo"></i>
            </p>
            <p>
                <input type="text" placeholder="*备注（出行目的为其他时必填）">
            </p>
        </div>
        <div class="submission">
            <div><span>总额</span><span>￥2040</span><span>注<i class="icon iconfont icon-linecar106"></i></span></div>
            <button type="button">提交订单</button>
        </div>
    </div>
</body>
<script type="text/javascript" src="../../../script/aui/api.js"></script>
<script type="text/javascript" src="../../../script/common.js"></script>
<script type="text/javascript" src="../../../script/extend/jquery-3.3.1.min.js"></script>
</html>
